<!DOCTYPE HTML>
<html>

<head>
    <meta name='renderer' content='webkit'>
    <meta http-equiv='Cache-Control' content='no-siteapp'/>
    <meta charset='utf-8'/>
    <title>{{ $title }}</title>
    <meta name="keywords" content="{{ $keywords }}">
    <meta name="description" content="{{ $description }}">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/metinfo.css" id="metuimodule"
          data-module="10001"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/default.css"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/blue.css"/>
    <!--矢量图标css begin-->
    <link rel="stylesheet" href="/public/wap-theme/m2/css/font-awesome.min.css">
    <!--矢量图标css end-->
    <!--轮播皮肤css begin-->
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/slider.css"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/slider.default.css"/>
    <!--轮播皮肤css end-->
    <!--面板皮肤css begin-->
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/panel.css"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/panel.default.css"/>
    <!--面板皮肤css begin-->
    <!--内滚导航css begin-->
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/navigator.css"/>
    <!--内滚导航css end-->
    <!--选项卡css begin-->
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/transitions.css"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="/public/wap-theme/m2/css/tabs.default.css"/>
    <!--选项卡css end-->
    <!--核心组件js begin-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/zepto.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/touch.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/matchmedia.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/event.ortchange.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/parsetpl.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/gmu.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/event.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/widget.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/iscroll.js"></script>
    <!--面板相关 end-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/throttle.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/event.scrollstop.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/panel.js"></script>
    <!--面板相关js end-->
    <!--轮播组件 begin-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/slider.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/arrow.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/dots.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/$touch.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/$autoplay.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/$lazyloadimg.js"></script>
    <!--轮播组件js end-->
    <!--内滚导航js begin-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/highlight.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/navigator.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/scrolltonext.js"></script>
    <script type="text/javascript" src="/public/wap-theme/m2/js/$scrollable.js"></script>
    <!--内滚导航js end-->
    <!--选项卡js begin-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/tabs.js"></script>
    <!--选项卡js end-->
    <!--图片加载js begin-->
    <script type="text/javascript" src="/public/wap-theme/m2/js/imglazyload.js"></script>
    <!--图片加载js end-->
    <script type="text/javascript">
        var ks = 4,
            columnshow = 1,
            classnow = '10001',
            lang = 'cn',
            falsh_y = '350',
            promaximgY = '300',
            imgmaximgY = '300';
    </script>
    <style type="text/css">
        body {
            font-size: 14px !important;
        }

        .flexslider li img {
            height: 200px;
        }

        .showproduct_slides img {
            height: 200px !important;
        }

        .showimg_slides img {
            height: 200px !important;
        }

        .dl-jqrun dt img,
        .dl-jqrun dt {
            max-width: px;
        }

        /*分页 S*/
        ul.pagination {
            width: 100%;
        }

        ul.pagination li {
            border: 1px solid #efefef;
            display: inline-block;
            width: 30px;
            height: 30px !important;
            text-align: center;
            line-height: 30px;
        }

        ul.pagination li a {
            display: block;
        }

        /*分页 E*/
    </style>
</head>

<body>
<div class="metcont" style="background:#fff;">
    <header data-value=0>
        <div class="top">
            <div class="top-logo">
                <a href="/">{{ config('set.web_name') }}</a>
            </div>
        </div>
        <!--搜索框-->
        <!--导航方式1-->
        <nav class="type1" id="nav">
            <ul class="list-none">
                <li id="nav_10001" class='navdown'>
                    <a href='{{ route('index') }}' title='网站首页' class='nav'>
                        <span>网站首页</span>
                    </a>
                </li>
                <li id='nav_1'>
                    <a href='{{ route('page',['about',8]) }}' title='关于我们' class='hover-none nav'>
                        <span>关于我们</span>
                    </a>
                </li>
                <li id='nav_2'>
                    <a href='{{ route('sort_all','new') }}' title='新闻资讯' class='hover-none nav'>
                        <span>新闻资讯</span>
                    </a>
                </li>
                <li id='nav_3'>
                    <a href='{{ route('sort_all','product') }}' title='产品展示' class='hover-none nav'>
                        <span>产品展示</span>
                    </a>
                </li>
                <li id='nav_36'>
                    <a href='{{ route('page',['about',9]) }}' title='联系我们' class='hover-none nav'>
                        <span>联系我们</span>
                    </a>
                </li>
            </ul>
        </nav>
    </header>
    <script type="text/javascript">
        //导航
        $("#nav li.navdown").addClass('ui-state-active');
        if ($("nav").size() > 0) {
            var navsize = $('.navflipsnap li').size();
            var navszlt = new Array();
            if (columnshow == 1) { //内滚导航
                if (document.documentElement.clientWidth > 800) {
                    $(".metcont").width(340);
                }

                function navmore(navsize, ks) {
                    ks = ks > 4 ? 4 : ks;
                    navszlt[1] = Math.round($('.metcont').width() / 1);
                    navszlt[2] = Math.round($('.metcont').width() / 2);
                    navszlt[3] = Math.round($('.metcont').width() / 3);
                    navszlt[4] = Math.round($('.metcont').width() / 4);
                    $('#nav li').width(navszlt[ks]);
                    $('#nav').navigator();
                }

                navmore(navsize, ks);
                $(window).resize(function () {
                    navmore(navsize, ks);
                });
            } else if (columnshow == 2) { //普通导航
                function navtype2(ks) {
                    navszlt[1] = '100%';
                    navszlt[2] = '50%';
                    navszlt[3] = '33.3%';
                    navszlt[4] = '25%';
                    $('nav.type2 li,nav.type3 li').css("width", navszlt[ks]);
                    //if(ks==3)$('nav.type2 li,nav.type3 li').each(function(i){ i++; if(i%3==0){ $(this).css("width",'34%'); } });
                }

                navtype2(ks);
                $(window).resize(function () {
                    navtype2(ks);
                });
            }
        }
    </script>
    <!--大图轮播-->
    <div class="flexslider" style="height:200px;">
        <ul class="flash_slides">
            @foreach($banners['banner'] as $value)
                <li style="background: url({{ $value['image']  }}) 50% no-repeat;height: 200px;background-size: auto 200px; "></li>
            @endforeach
        </ul>
    </div>

    @yield('content')

    <style type="text/css">
        .foot-text {
            background: #d2d3d6;
            color: #000000;
        }

        .foot-text a {
            color: #000000;
        }
    </style>
    <div class="foot-text">
        服务热线：{{ config('set.web_phone') }}
    </div>
    <div id="footnum" data-value="1"></div>
    <div id="footernav">
        <div class="footerboxnav">
            <div id="jisou-info" class="jisou-info" style="display:none;"></div>
            <div class="info-nr">
                <div id="info-nr-phone" class="info-nr-phone color-orange">
                    <input id="info-nr-btn" type="checkbox" class="info-nr-menu">
                    <div><a href="tel:{{ config('set.web_phone') }}"><span class="icon-phone tel"></span></a></div>
                    <div><a href="{{ route('page',['about',8]) }}"><span class="icon-map-marker map"></span></a></div>
                    <div><a href="{{ route('page',['about',9]) }}"><span class="icon-edit message"></span></a></div>
                    <div><a href="{{ route('index') }}"><span class="icon-home home"></span></a></div>
                </div>
            </div>
        </div>
    </div>
    <style type="text/css">
        .metcont {
            padding-bottom: 0px !important;
        }
    </style>
</div>
<script src="/public/wap-theme/m2/js/fun.inc.js" type="text/javascript"></script>
</body>

</html>
